<html>
    @include('Home.public.include')
    <body bgcolor="#f8f8f8">
        <div class="headlogo">
            <div class="logo"><img src="{{asset('Home/register/logo2.png')}}"></div>
            <div class="logotext">|</div>
            <div class="logotext">    华为商城</div>
        </div>
        <ul class="pnum">
            <li><a href="">手机号</a></li>
            <li><a href="">电子邮箱</a></li>
            <span class="denglu">已有华为账号，<a href="./login.php">登录</a>>></span>
        </ul>
    <!--主体部分-->
        <div class="body">
            <form class="layui-form" >
                <span class="title">注册华为账号</span><br />
                <span class="mtitle1">华为帐号是您用于访问所有华为服务的帐号。使用华为帐号登录后，您将可以使用云服务、华为商城、花粉俱乐部、应用市场、EMUI产品、华为网盘和开发者联盟。</span>
                <hr />
                <h4 class="title_1">华为账号</h4><br />
                <span class="mtitle2">输入用户名作为您的华为帐号，用于登录、重设密码、验证身份。</span>
                    <div class="layui-form-item">
                        <label class="layui-form-label">用户名</label>
                        <div class="layui-input-block">
                          <input type="text" name="username" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
                        </div>
                      </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">性别</label>
                            <div class="layui-input-block">
                              <input type="radio" name="sex" value="0" title="男">
                              <input type="radio" name="sex" value="1" title="女">
                            </div>
                          </div>
                          <div class="layui-form-item">
                                <label class="layui-form-label">生日</label>
                                <div class="layui-input-inline">
                                  <input type="text" name="birthday" id='date' required lay-verify="required" placeholder="请选择生日" autocomplete="off" class="layui-input">
                                </div>
                              </div>
                <hr />
                 <div class="layui-form-item">
                    <label class="layui-form-label">输入密码</label>
                    <div class="layui-input-inline">
                      <input type="password" name="password" required lay-verify="password" placeholder="请输入密码" autocomplete="off" class="layui-input" id="pass">
                    </div>
                    <div class="layui-form-mid layui-word-aux">以字母开头，长度在4~18之间，只能包含字符、数字和下划线</div>
                  </div>
                  <div class="layui-form-item">
                        <label class="layui-form-label">确认密码</label>
                        <div class="layui-input-inline">
                          <input type="password" name="repassword" required lay-verify="repass" placeholder="请输入密码" autocomplete="off" class="layui-input">
                        </div>
                      </div>
                <hr />
                <h4 class="title_1">华为帐号隐私声明</h4><br />
                <span class="mtitle1">为完成注册，华为将为您创建唯一的华为帐号，来标识您和提供更优服务，还将采集您所有登录设备的信息 (IMEI 和 SN) 和帐号信息 (姓名、昵称、性别、生日、邮件地址、手机号、密码和头像)。需要短信验证码时，将自动读取并输入短信验证码。如果您不同意以上任何条款，请离开注册界面。点击“注册”，即表示您已阅读并同意<a href="" class="huawei">华为隐私政策。</a></span>
                <hr />
                <h4 class="title_1">最终用户许可协议</h4><br />
                <span class="mtitle1">华为帐号用户可以通过手机号码或邮件地址搜索到您，并可查看您的头像、姓名和地区信息。您也可以在帐号中心的设置中关闭对应的搜索开关，以不被新朋友查找到。请仔细阅读<a href="" class="huawei">最终用户许可协议</a>。本条款确定了您使用华为云产品、软件、网站及相关服务时的权利和责任。同意本条款，才能创建华为帐号。</span><br />
                <span class="mtitle1">点击注册，即表示我同意华为隐私政策与最终用户许可协议。</span>
                <hr />
                <button class="nowregister" lay-submit lay-filter="register">立即提交</button>
            </form>
        </div>
        <hr / class="line">
            <!--尾部-->
            <!-- <div class="footcopy">华为隐私政策 最终用户许可协议 | 常见问题</div> 
            <div class="footcopy">Copyright©2011-2016 华为技术有限公司 版权所有 保留一切权利</div> 
            <div class="footcopy">苏B2-20070200号 | 苏ICP备09062682号-9</div>  -->
            @include('Home/public/foot')
    </body>
</html>
<script>
//Demo
layui.use(['form','laydate'],function(){
    $ = layui.jquery;
    laydate = layui.laydate;
  var form = layui.form();
  
var start = {
    max:laydate.now(),
    min:'1900-01-01 00:00:00',
    istoday:true
};
document.getElementById('date').onclick = function(){
    start.elem=this;
    laydate(start);
};
form.verify({
    password:[/^[a-zA-Z0-9]{4,10}$/,'请输入正确的密码格式']
    ,repass:function(value){
        if(value != $('#pass').val()){
            return 'make sure your pass';
        }
    }
});
  //监听提交
form.on('submit(register)',function(data){
    layer.load(2);
    var obj = data.field;
    //ajax
    $.ajax({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        'url':'/home/adduser',
        'type':'post',
        data:{username:obj.username,sex:obj.sex,birthday:obj.birthday,password:obj.password},
        success:function(data){
            if(data.code){
                layer.closeAll('loading');
                layer.alert('注册成功,即将跳转登陆',{icon:6},function(){
                    window.location.href='login';   
                });
            }else{
                layer.alert(data.info,{icon:2});
            }
        }
    })
    return false;
})
});

</script>